<template>
  <div class="SchoolListContainer">
    <div class="mainContain">
      <div class="pic">
        <IcoIndex
          :src="'http:' + school.icon"
          width="55px"
          height="55px"
        ></IcoIndex>
      </div>
      <div class="rightI">
        <div class="uniName">{{ school.collegeName }}</div>
        <div class="uniInfomation">
          <div>{{ school.city.cityName }}</div>
          <div>{{ school.bxxz }}</div>
          <div>{{ school.type }}</div>
        </div>
        <div class="tagAll">
          <div class="uniTag" v-for="(item, i) in school.tags" :key="i">
            {{ item.tagName }}
          </div>
        </div>
      </div>
    </div>
  </div>
  <!-- <div class="SchoolListContainer">
    <div class="mainContain">
      <div class="pic">
        <IcoIndex :src="picURL" width="55px" height="55px"></IcoIndex>
      </div>
      <div class="rightI">
        <div class="uniName">{{ uniName }}</div>
        <div class="uniInfomation">
          <div>{{ address }}</div>
          <div>{{ policy }}</div>
          <div>{{ category }}</div>
        </div>
        <div class="tagAll">
          <div class="uniTag" v-for="(item, i) in uniTag" :key="i">
            {{ item }}
          </div>
        </div>
      </div>
    </div>
  </div> -->
</template>

<script>
import IcoIndex from "@/components/ImageBox.vue";

export default {
  props: ["school"],
  // data() {
  //   return {
  //     uniName: "北京大学",
  //     address: "北京市",
  //     policy: "公办",
  //     category: "综合类",
  //     uniTag: ["985", "211", "双一流", "教育部直属", "强基计划"],
  //     picURL:
  //       "https://join-blogs-pic.oss-cn-beijing.aliyuncs.com/yx/202311200852905.jpg",
  //   };
  // },
  components: {
    IcoIndex,
  },
};
</script>

<style scoped lang="less">
.mainContain {
  background-color: white;
  width: 100%;
  height: 90px;
  border-bottom: solid 1px gainsboro;
  display: flex;
  font-family: "宋体";
  overflow: hidden;
  background-color: transparent;
}
.pic {
  margin-left: 10px;
  background-color: skyblue;
  margin-top: 15px;
  width: 52px;
  height: 52px;
  border-radius: 50%;
  overflow: hidden;
}
.rightI {
  display: flex;
  flex-direction: column;
  justify-content: space-around;
  padding: 5px 0;
}
.uniName {
  font-size: 16px;
  font-weight: bold;
  margin-top: 7px;
  margin-left: 5px;
}
.uniInfomation {
  display: flex;
}
.uniInfomation div {
  font-size: 14px;
  margin-top: 2px;
  margin-left: 5px;
}
.tagAll {
  display: flex;
  flex-wrap: nowrap;
}
.uniTag {
  // border: solid 1px skyblue ;
  color: rgb(0, 123, 255);
  background-color: rgb(244, 244, 244);
  line-height: 20px;
  font-size: 12px;
  height: 20px;
  margin-top: 3px;
  margin-left: 5px;
  border-radius: 3px;
  padding-left: 3px;
  padding-right: 3px;
}
</style>